<html>
<head>
<title>新目的地</title>
<include file="head" />
<style type="text/css">
			#assurance div{
				background-color: white;
				position: relative
			}
			.icon-info {
			    font-family: 'starwood';
			    speak: none;
			    font-style: normal;
			    font-weight: normal;
			    font-variant: normal;
			    text-transform: none;
			    line-height: 1;
			    -webkit-font-smoothing: antialiased;
			}
			span.brg-check {
				position: absolute;
				top: -19px;
				left: 2px;
			}
			body{
				background-color: #271a40;
				margin: 0;
			}
			.swipe{
				background-color: white;
				text-align: center;
				font: normal 16px arial;
				margin: 10px;
				line-height: 30px;
				text-align: left;
				border-radius: 0px;
				margin-bottom:20px;
			}
			#assurance div{
				font: bold 16px arial;
				color: #664f8c;
			}
			#assurance img{
				position: relative;
			}
			a{		
				text-decoration: none;
				font: bold 16px arial;
				color: #664f8c;
			}
			#footer_span{
				bottom: 60px;
			}
			p.button{
				background-color: rgb(103,81,140);
				padding: 10px;
				margin: 8px;
				border-radius: 3px;
				color:white;
				text-align:center;
				margin-bottom: 20px;
			}
			.group{
				padding-top: 10px;
				margin-left: 10px;
				margin-right: 10px;
				border-radius:5px;
			}
			.slick-dots li{
				display: inline-block;
				margin: 5px 3px;
				width: 8px;
				height: 8px;
				background: #fff;
				opacity: 0.5;
				border-radius: 5px;
				cursor: pointer;
			}
			.slick-dots li.slick-active{
				opacity: 1;
			}
</style>
</head>

<body>

<div id='mySwipe' class='swipe'>
  <div class='swipe-wrap'>
    
	 <volist name="hotels" id="hotel"> 
			<div class="content" style="">	
					<div class="group" style="">
						<img style="width:100%;border-radius: 5px;" src='{cms>:$hotel["img"]}' />
					</div>
					<div class="group" style="padding-bottom: 5px;background-color: rgb(102,80,140);line-height: 20px;color: white;margin-top: 10px;">
						<p style="margin: 5px;">{cms>:$hotel['name']}</p>
						<p style="margin: 5px;">{cms>:$hotel['addr']}</p>
					</div>
					<div class="group" style="">
						<table style="width: 100%;">
							<tr>
								<td>优惠活动</td>
								<td style="width: 50%;">
									<a href="http://m.starwoodhotels.com/mobile/rates/room.html?propertyId={cms>:$hotel['code']}&departureDate=&arrivalDate=&numberOfRooms=1&numberOfAdults=1&language=zh_CN&skinName=stregis">
										<div style="float: right;background-color: rgb(102,80,140);color: white;padding: 10px;border-radius: 5px;">
											预订
										</div>
									</a>
								</td>
							</tr>
						</table>
					</div>
					<div class="group" style="padding-bottom: 5px;background-color: rgb(232,232,232);line-height: 20px;color: black;">
						<p style="margin: 5px;">{cms>:$hotel['discount']}</p>
						<p style="margin: 5px;">
							<a href="{cms>:U('Booking/newdest_disc', array('code'=>$hotel['code']))}" style="color:rgb(102,80,140)">
								更多信息&gt</a>
						</p>
						<p style="margin: 5px;">{cms>:$hotel['expiretime']}</p>
					</div>
					<div class="group" style="margin-top: 10px;padding-bottom: 5px;background-color: rgb(102,80,140);line-height: 20px;color: white;">
						<p style="margin: 0px;margin-left: 10px;">
							<img src="{cms>:$imagePath}/newdest-tel.png" style="width:25px;position: relative;left: 15px;"/>
							<span style="position: relative;bottom: 8px;left: 50px;">电话 
								<a style="color:white"  href="tel:{cms>:$hotel['tel']}">{cms>:$hotel['tel']}</a></span></p>
					</div>
					<div style="background-color: rgb(230,225,206);margin: 10px 0 0 0;padding: 0 10px;">
						<p>酒店介绍</p>
					</div>
					<div>
						<p style="margin: 10px;">{cms>:$hotel['intro']}</p>
						<a href="" style="display:none">
							<div style="font: normal 20px arial;color: rgb(235,176,0);text-align:right;margin-right:10px">
								了解更多
							</div>
						</a>
					</div>
					<div style="height:5px"><pre> </pre></div>
			
					<include file="footer3"/>				
			</div>
		</volist>
		
			<!-- 
			<div class="content" style="">	
					<div class="group" style="">
						<img style="width:100%;border-radius: 5px;" src='{cms>:$imagePath}/newdest1.jpg' />
					</div>
					<div class="group" style="padding-bottom: 5px;background-color: rgb(102,80,140);line-height: 20px;color: white;margin-top: 10px;">
						<p style="margin: 5px;">重庆解放碑威斯汀酒店1</p>
						<p style="margin: 5px;">中国重庆，重庆新华路222号渝中区</p>
					</div>
					<div class="group" style="">
						<table style="width: 100%;">
							<tr>
								<td>优惠活动</td>
								<td style="width: 50%;"><a href="http://localhost/SPG/SpgGit/SPGCms/index.php?g=Wap&m=Booking&a=room"><div style="float: right;background-color: rgb(102,80,140);color: white;padding: 10px;border-radius: 5px;">
									预订</div></a></td>
							</tr>
						</table>
					</div>
					<div class="group" style="padding-bottom: 5px;background-color: rgb(232,232,232);line-height: 20px;color: black;">
						<p style="margin: 5px;">每晚房价1688元人民币起，并包括：豪华客房住宿......</p>
						<p style="margin: 5px;"><a href="" style="color:rgb(102,80,140)">更多信息&gt</a></p>
						<p style="margin: 5px;">优惠截止于8月31,2014</p>
					</div>
					<div class="group" style="margin-top: 10px;padding-bottom: 5px;background-color: rgb(102,80,140);line-height: 20px;color: white;">
						<p style="margin: 0px;margin-left: 10px;">
							<img src="{cms>:$imagePath}/newdest-tel.png" style="width:25px;position: relative;left: 15px;"/>
							<span style="position: relative;bottom: 8px;left: 50px;">电话 (86)(23)8888 6666</span></p>
					</div>
					<div style="background-color: rgb(230,225,206);margin: 10px 0 0 0;padding: 0 10px;">
						<p>酒店介绍</p>
					</div>
					<div>
						<p style="margin: 10px;">重庆解放碑威斯汀酒店位于市区中心地带，地理位置绝佳，可短途步行前往公司办公楼、餐饮区、购物区和娱乐区。这一迷人的都市绿洲将是商旅人士和休闲游客的理想下榻之所。在我们的威斯汀健身房上完健身课程之后，不妨来到室内泳池尽情畅游，放松身心。</p>
						<a href="">
							<div style="font: normal 20px arial;color: rgb(235,176,0);text-align:right;margin-right:10px">
								了解更多
							</div>
						</a>
					</div>
					<div style="height:5px"><pre> </pre></div>
			
					<include file="footer3"/>				
			</div>
			<div class="content" style="">	
					<div class="group" style="">
						<img style="width:100%;border-radius: 5px;" src='{cms>:$imagePath}/newdest1.jpg' />
					</div>
					<div class="group" style="padding-bottom: 5px;background-color: rgb(102,80,140);line-height: 20px;color: white;margin-top: 10px;">
						<p style="margin: 5px;">重庆解放碑威斯汀酒店2</p>
						<p style="margin: 5px;">中国重庆，重庆新华路222号渝中区</p>
					</div>
					<div class="group" style="">
						<table style="width: 100%;">
							<tr>
								<td>优惠活动</td>
								<td style="width: 50%;"><a href="http://localhost/SPG/SpgGit/SPGCms/index.php?g=Wap&m=Booking&a=room"><div style="float: right;background-color: rgb(102,80,140);color: white;padding: 10px;border-radius: 5px;">
									预订</div></a></td>
							</tr>
						</table>
					</div>
					<div class="group" style="padding-bottom: 5px;background-color: rgb(232,232,232);line-height: 20px;color: black;">
						<p style="margin: 5px;">每晚房价1688元人民币起，并包括：豪华客房住宿......</p>
						<p style="margin: 5px;"><a href="" style="color:rgb(102,80,140)">更多信息&gt</a></p>
						<p style="margin: 5px;">优惠截止于8月31,2014</p>
					</div>
					<div class="group" style="margin-top: 10px;padding-bottom: 5px;background-color: rgb(102,80,140);line-height: 20px;color: white;">
						<p style="margin: 0px;margin-left: 10px;">
							<img src="{cms>:$imagePath}/newdest-tel.png" style="width:25px;position: relative;left: 15px;"/>
							<span style="position: relative;bottom: 8px;left: 50px;">电话 (86)(23)8888 6666</span></p>
					</div>
					<div style="background-color: rgb(230,225,206);margin: 10px 0 0 0;padding: 0 10px;">
						<p>酒店介绍</p>
					</div>
					<div>
						<p style="margin: 10px;">重庆解放碑威斯汀酒店位于市区中心地带，地理位置绝佳，可短途步行前往公司办公楼、餐饮区、购物区和娱乐区。这一迷人的都市绿洲将是商旅人士和休闲游客的理想下榻之所。在我们的威斯汀健身房上完健身课程之后，不妨来到室内泳池尽情畅游，放松身心。</p>
						<a href="">
							<div style="font: normal 20px arial;color: rgb(235,176,0);text-align:right;margin-right:10px">
								了解更多
							</div>
						</a>
					</div>
					<div style="height:5px"><pre> </pre></div>
			
					<include file="footer3"/>				
			</div>
			<div class="content" style="">	
					<div class="group" style="">
						<img style="width:100%;border-radius: 5px;" src='{cms>:$imagePath}/newdest1.jpg' />
					</div>
					<div class="group" style="padding-bottom: 5px;background-color: rgb(102,80,140);line-height: 20px;color: white;margin-top: 10px;">
						<p style="margin: 5px;">重庆解放碑威斯汀酒店3</p>
						<p style="margin: 5px;">中国重庆，重庆新华路222号渝中区</p>
					</div>
					<div class="group" style="">
						<table style="width: 100%;">
							<tr>
								<td>优惠活动</td>
								<td style="width: 50%;"><a href="http://localhost/SPG/SpgGit/SPGCms/index.php?g=Wap&m=Booking&a=room"><div style="float: right;background-color: rgb(102,80,140);color: white;padding: 10px;border-radius: 5px;">
									预订</div></a></td>
							</tr>
						</table>
					</div>
					<div class="group" style="padding-bottom: 5px;background-color: rgb(232,232,232);line-height: 20px;color: black;">
						<p style="margin: 5px;">每晚房价1688元人民币起，并包括：豪华客房住宿......</p>
						<p style="margin: 5px;"><a href="" style="color:rgb(102,80,140)">更多信息&gt</a></p>
						<p style="margin: 5px;">优惠截止于8月31,2014</p>
					</div>
					<div class="group" style="margin-top: 10px;padding-bottom: 5px;background-color: rgb(102,80,140);line-height: 20px;color: white;">
						<p style="margin: 0px;margin-left: 10px;">
							<img src="{cms>:$imagePath}/newdest-tel.png" style="width:25px;position: relative;left: 15px;"/>
							<span style="position: relative;bottom: 8px;left: 50px;">电话 (86)(23)8888 6666</span></p>
					</div>
					<div style="background-color: rgb(230,225,206);margin: 10px 0 0 0;padding: 0 10px;">
						<p>酒店介绍</p>
					</div>
					<div>
						<p style="margin: 10px;">重庆解放碑威斯汀酒店位于市区中心地带，地理位置绝佳，可短途步行前往公司办公楼、餐饮区、购物区和娱乐区。这一迷人的都市绿洲将是商旅人士和休闲游客的理想下榻之所。在我们的威斯汀健身房上完健身课程之后，不妨来到室内泳池尽情畅游，放松身心。</p>
						<a href="">
							<div style="font: normal 20px arial;color: rgb(235,176,0);text-align:right;margin-right:10px">
								了解更多
							</div>
						</a>
					</div>
					<div style="height:5px"><pre> </pre></div>
			
					<include file="footer3"/>				
			</div>
			 -->
  </div>
</div>

<footer id="myscolldot" class="scolldot center">
	<span class="active"></span>
	<span></span>
	<span></span>
</footer>

<script>

var elem = document.getElementById('mySwipe');
window.mySwipe = Swipe(elem, {
  // startSlide: 4,
  // auto: 3000,
  // continuous: true,
  // disableScroll: true,
  // stopPropagation: true,
  callback: function(index, element) {
	  $('#myscolldot').children('span').each(function(idx,item){
		  item = $(item);
		  item.removeClass('active');
		  if(index==idx){
			  item.addClass('active');
		  }
	  });
  }
  // transitionEnd: function(index, element) {}
});

// with jQuery
// window.mySwipe = $('#mySwipe').Swipe().data('Swipe');

</script>

</body>
</html>